<template>
  <view class="content">
    <view class="g-header">
    </view>
    <view class="innerPre">
    </view>
    <view class="inner">

      <view class="pageBlock">
        <view class="blockHeader">
          <view class="blockTitle">
            发票信息
          </view>
          <view class="blockMore"></view>
        </view>
        <view class="pageLi">
          <view class="pageLiLabel">金额：</view>
          <view class="pageLiValue">¥18760</view>
        </view>
        <view class="pageLi">
          <view class="pageLiLabel">户名：</view>
          <view class="pageLiValue">深圳比亚迪科技有限公司</view>
        </view>
        <view class="pageLi">
          <view class="pageLiLabel">税号：</view>
          <view class="pageLiValue">90465306654632</view>
        </view>
        <view class="pageLi">
          <view class="pageLiLabel">账号：</view>
          <view class="pageLiValue">4346546554</view>
        </view>
        <view class="pageLi">
          <view class="pageLiLabel">开户行：</view>
          <view class="pageLiValue">中国银行深圳市支行</view>
        </view>
        <view class="pageLi">
          <view class="pageLiLabel">地址：</view>
          <view class="pageLiValue">广东省深圳市大鹏新区葵涌街道延安路一号</view>
        </view>
        <view class="pageLi">
          <view class="pageLiLabel">备注：</view>
          <view class="pageLiValue">2022年2月12到2022年3月12日共有3635桶负极水</view>
        </view>
      </view>

    </view>
    <view class="innerNext">
    </view>
    <view class="pageBtnBottomWrap">
      <view class="pageBtnBottom" @click="util.linkTo('/pages/user/receiptEmail')">发送电子邮件</view>
    </view>
  </view>
</template>

<script>
import * as util from '@/common/util'
import _ from 'lodash'

export default {
  components: {},
  data(){
    return {
      title: 'Hello',
      list: [],
    }
  },
  onLoad(){
    this.id = this.$Route.query.id
    console.log(`this.id`, this.id)
  },
  onShow(){},
  mounted(){},
  onReady(){},
  methods: {},
}
</script>
<style lang="scss">
page {
  background-color: #F7F9FB;
}

.innerPre {

}

.inner {
  padding: 24px;

}

.innerNext {

}

.pageBlock {
  background: #FFFFFF;
  border-radius: 16px 16px 16px 16px;
  opacity: 1;
  padding: 24px;
  margin-bottom: 20px;
  .blockHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;

    .blockTitle {
      font-size: 32px;
      font-weight: 500;
      color: #000000;
      line-height: 48px;

    }

    .blockMore {

    }
  }


  .pageLi {
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
    .pageLiLabel {
      width: 112px;
      height: 44px;
      font-size: 28px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.5);
      line-height: 44px;
      white-space: nowrap;
    }
    .pageLiValue {
      font-size: 28px;
      font-weight: 400;
      color: #000000;
      line-height: 44px;
    }
  }

}

</style>
